/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*
 * 底部沉底
 */
html,body{height:100%;}
.wrap{
	min-height:100%;
	height: auto !important;
	height: 100%; /*IE6不识别min-height*/
	position: relative;
}
.main{
	padding-bottom:100px;
	height:1000px;
}
.foot{
	position:absolute;
	bottom:0;
	width:100%;
	height:100px;
	background-color:#F00;
	clear:both;
}

/*
 * 居中容器
 */
.w980{margin-left:auto;margin-right:auto;width:980px;}
.w1000{margin-left:auto;margin-right:auto;width:1000px;}


.mt60{ margin-top:60px}
.ml0{ margin-left:0 !important;}
/*
 * index
 */
.index-h1{ line-height:58px; padding:0 0 0 20px;font-weight:bold; font-size:18px; background-color:#fff; color:#807e8b;}
.index-cen{}
.index-cen .index-h3{ line-height:40px; font-size:16px; font-weight: bold; color:#808080;border: none;padding-top: 0;}
.index-cdl dl{ float:left; width:260px; height:120px; margin-right:20px; margin-bottom:20px; padding-top:10px; border:1px solid #FFFFFF; background-color:#fff; overflow:hidden;}
.index-cdl dl dt{ float:left; width:80px; text-align:center;}
.index-cdl dl dt>span{ display:block; width:50px; height:50px; margin:0 auto;}
.index-cdl dl:hover{ border:1px solid #ff6633;}
.index-icon dt>span{ background:url(../images/index-icon.png) no-repeat -11px -1px;}
.index-icon:hover dt>span{ background:url(../images/index-icon.png) no-repeat -58px -1px;}
.index-icon1 dt>span{ background:url(../images/index-icon.png) no-repeat -10px -345px;}
.index-icon1:hover dt>span{ background:url(../images/index-icon.png) no-repeat -55px -345px;}
.index-icon2 dt>span{ background:url(../images/index-icon.png) no-repeat -11px -242px;}
.index-icon2:hover dt>span{ background:url(../images/index-icon.png) no-repeat -57px -242px;}
.index-icon3 dt>span{ background:url(../images/index-icon.png) no-repeat -12px -294px;}
.index-icon3:hover dt>span{ background:url(../images/index-icon.png) no-repeat -58px -293px;}
.index-icon4 dt>span{ background:url(../images/index-icon.png) no-repeat -11px -394px;}
.index-icon4:hover dt>span{ background:url(../images/index-icon.png) no-repeat -58px -394px;}
.index-icon5 dt>span{ background:url(../images/index-icon.png) no-repeat -10px -193px;}
.index-icon5:hover dt>span{ background:url(../images/index-icon.png) no-repeat -55px -193px;}
.index-icon6 dt>span{ background:url(../images/index-icon.png) no-repeat -11px -50px;}
.index-icon6:hover dt>span{ background:url(../images/index-icon.png) no-repeat -58px -50px;}
.index-icon7 dt>span{ background:url(../images/index-icon.png) no-repeat -11px -98px;}
.index-icon7:hover dt>span{ background:url(../images/index-icon.png) no-repeat -58px -98px;}
.index-icon8 dt>span{ background:url(../images/index-icon.png) no-repeat -10px -146px;}
.index-icon8:hover dt>span{ background:url(../images/index-icon.png) no-repeat -57px -146px;}
.index-icon9 dt>span{ background:url(../images/index-icon.png) no-repeat -10px -441px;}
.index-icon9:hover dt>span{ background:url(../images/index-icon.png) no-repeat -59px -441px;}



.index-cdl dl dt img{ width:50px; height:50px;}
.index-cdl dl dd{ float:left; width:155px;}
.index-div{ width:93%; margin-right:auto;}
.index-div h4{ line-height:26px; font-weight:bold; border-bottom:1px solid #d0c6d1; color:#807e8b;}
.index-div p{ padding-top:3px; color:#807e8b;}
.index-dlr{ width:37px; margin:10px auto; height:18px; line-height:18px; cursor:pointer; overflow:hidden}
.index-dlr span{ float:left; margin:0 auto; width:37px; height:18px;}
.index-lrs{ background:url(../images/Xcube_icon-03.png) no-repeat 0px 0px;}
.index-lrh{ background:url(../images/Xcube_icon-03.png) no-repeat -43px 0px; display:none;}

.index-dlr div{ height:20px; width:25px;}
.index-dfl{ float:left; }
.index-dfr{ float:right;}
.y-bg{ background-color:#fff; border-radius:50%;}
.index-ir{ margin-top:10px;}
.index-ir div{ float:right; margin-left:10px;}
.index-ir div img{ width:12px; height:12px; margin-right:3px; margin-top:3px;}
.index-ir div input,.index-ir div label,.index-ir div img{ float:left; cursor:pointer;}
.index-ir div input{ margin-top:2px; margin-right:2px;}
.fcl{ color:#6fc996;}
.index-sph{ display:none;}

/*group*/
.group-left{ width:230px; float:left; background-color:#fff;}
.group-lefta{ width:190px; margin:0 auto;}
.group-tit{ position:relative; height:40px; line-height:40px; font-size:14px;}
.group-bb{ border-bottom:1px solid #ccc;}
.group-ul{ width:100%;}
.group-ul li{ float:none;}
.group-ul>li{ line-height:30px; width:100%; float:none; background:url(../images/bt.png) repeat-y;}
.group-ul li ul{ width:90%; margin-left:auto; float:none;}

.group-right{ margin-left:250px; background-color:#fff;}
.group-left h2,.group-right h2 {margin: 0 20px;}
.group-righta{ width:730px; margin:0 auto;}
.group-rtit{ position:absolute; right:0; top:0; font-weight:normal; font-size:12px;}
.group-rtita{ position:absolute; right:0; top:0; font-weight:normal; font-size:12px;}
.group-rtita a{ outline:none;}
.group-rtit a{ padding:7px 15px; background-color:#6cbd7d; color:#fff; font-weight:normal;}
.group-rtit a.on{ background-color:#ccc;}
.group-righta>h2 a.on{ background-color:#ccc;}
.group-rb{ margin-top:10px;}
.group-rb:after{content: " ";display: table;clear: both;}
.group-tab{ width:100%; border:1px solid #ccc; border-right:0;}
.group-tab th{ padding:3px 0; text-align:center; border-right:1px solid #ccc;}
.group-tab td{ padding:3px 0; text-align:center; border-right:1px solid #ddd; border-top:1px solid #ccc;}
.group-tdiv{ text-align:center;}
.group-tdiv a{ text-decoration:underline;}
.group-tdiv a:hover{ color:#6cbd7d;}
.role-page{ padding:10px 0;}
.group-scre{ float:right; text-align:right;}
.group-scre a{ height:26px; line-height:26px; float:left; padding:0 8px; display:table-cell; border:1px solid #ccc; border-left:0; outline:none;}
.group-scre a:hover{ color:#6cbd7d;}

.group-lefts{ position:relative;}
.group-leftd{ position:absolute; right:10px; top:20px;}
a{ outline:none !important;}
/*role*/
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px !important;}
.mb20{ margin-bottom:20px !important;}
.mr10{ margin-right:10px;}
.mt60{ margin-top:60px;}
.ptb10{ padding:10px 0;}
.role-ul{ margin-top:10px; width:100%;}
.role-ul li{ float:none; line-height:30px; margin-bottom:10px;}
.role-ul li.on{ line-height:30px;color: #000000; background-color:#d7d7d7; border-left:5px solid #f57149;}
.role-ul li.on a{ width:195px; color:#f57149;font-weight: bold}
.role-ul li a{ display:block; width:190px; margin:0 auto; outline:none;}
.role-li{ height:1px; background:url(../images/bg-bor.jpg) repeat-x;}
.role-ula{ width:100%; border-bottom:1px solid #ccc; float:none; overflow:hidden;}
.role-ula li{ line-height:35px; font-size: 14px; padding:0 10px; float:left; cursor:pointer; font-weight:bold;}
.role-ula li.on{ background-color:#f2f2f2; color:#f57149;border-top: 1px solid #FF6633}
.rol-h{ display:none;}
.role-cen{ padding-bottom:20px;}
.role-one{}
.role-rtop{padding-bottom:10px;}
.role-rtop table{}
.role-rtop td{ padding-bottom:10px;}
.role-rdiv{}
.role-rdiv>div{ float:left; width:125px;}
.role-rdiv>div input,.role-rdiv>div label{ float:left; cursor:pointer;}
.role-rdiv>div input{ margin-top:2px; margin-right:2px;}
.fch{ color:#ff5722;}
.fwb{ font-weight:bold;}
.role-rbdiv{}
.role-rbdiva{ float:left; width:150px; margin-bottom:20px; margin-right:20px; border:1px solid #ccc;}
.role-rbdivs{ width:130px; margin:0 auto;}
.role-p{ padding:10px 0; font-weight:bold; text-align:center; border-bottom:1px solid #ccc;}
.role-rbdivs ul{ padding:8px 0; width:100%; overflow:hidden;}
.role-rbdivs li{ line-height:30px; padding:0 7px; float:none; margin-bottom:5px; cursor:pointer;}
.role-rbdivs li.on { background:url(../images/dui.png) no-repeat 105px center;}
.role-rbdivs li:hover{background-color: #f2f2f2;}
.role-tbi{}
.role-tbi input{ font-family:"微软雅黑";}
.role-tbi{ margin-top:20px; margin-bottom:20px;}
.role-input{ padding:7px 20px; background-color:#6cbd7d; border:1px solid #f2f2f2; color:#fff; border-radius:5px;}
.role-input1{ padding:7px 20px; background-color:#fff; border:1px solid #f2f2f2; border-radius:5px;}

.role-mul{ overflow:hidden; width:100%;}
.role-mul li{ float:none; margin-bottom:10px; overflow:hidden;}
.role-mul li input{ float:left; margin-right:10px;}
.role-minput{ width:250px; height:30px; line-height:30px; border-radius:2px; border:1px solid #ccc;}
.role-mul li span{ width:20px; height:20px; line-height:18px; margin:5px 0; float:left; text-align:center; font-size:18px; border:1px solid #ccc; cursor:pointer;}
.role-mul li span:hover{ color:#f57149; border:1px solid #f57149;}


/*basics*/
.ptb10{ padding:10px 0;}
.group-rtit>div{ margin-left:20px; cursor:pointer;}
.basics-im1{ display:none;}
.basics-div>div{ line-height:23px; padding:10px 0;}
.basics-div>div>span{ min-width: 100px;display: inline-block}
.basics-tit{ height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#f2f2f2; border:1px solid #e4e4e4;}
.basics-left{ width:360px;}
.basics-rt{ position:relative; line-height:40px; font-size:14px; text-align:center; font-weight:bold; color:#808080;}
.basics-sel{ border:0; background-color:#f2f2f2; outline:none;}
.basics-rt .choseBtn a{ position:absolute; top:7px;}
.leftBtn{ left:105px;}
.rightBtn{ right:105px;}

/*
#calendar{width:360px;height:455px;overflow:hidden;font-family:'微软雅黑';}
#calendar .select{width:100%;height:38px; line-height:39px; text-align:center;}
#calendar .select .time{width:100%; overflow:hidden;position:relative;z-index:1;}
#calendar .select .time a{display:block;width:15px;height:27px;float:left;margin-left:2px; margin-top:15px; outline:none;}
#calendar .select .time .btnPre{ margin-left:100px;background:url(../images/r-left.png) no-repeat;}
#calendar .select .time .btnNext{background:url(../images/r-right.png) no-repeat; margin-left:7px;}
#calendar .select .time .year{width:64px;height:40px; line-height:40px;float:left;margin-left:2px;position:relative;z-index:1;}
#calendar .select .time .month{width:39px;height:40px; line-height:40px;float:left;margin-left:2px;position:relative;z-index:1;}
#calendar .select .time span{display:block;width:100%;height:40px;line-height:40px;color:#503f25;font-size:12px;text-indent:3px;cursor:pointer;}
#calendar .select .time span i{font-style:normal;}
#calendar .select .time select{position:absolute;width:64px;top:27px;border:0px;display:none;z-index:1;}
#calendar table{width:100%;height:294px;margin:0 auto;position:relative;border-collapse: collapse;z-index:0;}
#calendar table thead th{width:50px;height:32px;background:#fbfbf9;font-size:14px;font-weight:100;}
#calendar table thead th.red{color:#ba4f2d;}
#calendar table tbody td{text-align:center;width:50px;height:43px;cursor:pointer;font-family:Arial;}
#calendar table tbody td span{color:#ccc;}
#calendar table tbody td.hover{background:url(../images/bg.jpg) no-repeat -436px -297px;}
#calendar table tbody td.active{color:#000;background:url(../images/bg.jpg) no-repeat -384px -297px;}
*/
.basics-right{ margin-left:390px;}
.basics-rt .choseBtn{ border:0;}
.basics-right table th,.basics-right table td{ font-size:12px !important;}
.basics-tab{}
.basics-tab td{ padding:3px 10px;}
.basics-tab td p{ padding-top:5px;}
.basics-input{ border:1px solid #ccc; padding:5px 0; margin-bottom:5px; text-align:center; border-radius:5px;}
select.basics-input{ outline:none;}

.basics-ul{}
.basics-ul li{ margin-bottom:20px; overflow:hidden;}
.basics-ld{ width:120px; float:left; line-height:26px; margin-right:10px; text-align:right; font-weight:bold;}
.basics-rd { float:left;}
.basics-rd select{ margin-right:5px;}

.basics-right .table-header{ height:30px; line-height:30px;}
.basics-right .table-body{ line-height:43px;}
/*daily*/
.text-ind{ text-indent:2em;}
.daily-cen{ width:100%; margin:0 auto; background-color:#fff; overflow:auto;}
.group-righta{ width:100%; padding:0 20px;}
.daily-tab{ margin-bottom:15px;}
.daily-tab td{ padding:10px 0}
.group-ov{ overflow:hidden;}
.table-header th{ text-align:left;}
.page_list li{ float:left;}


.fcr{ color:#f00;}
.fc-day-grid-container{ height:100% !important}
.treeview{ overflow:hidden; width:100%;}
.treeview ul{ float:none; width:100%;}
.treeview li{ float:none; position:relative; width:100%;}
.group-pa{ position:absolute; right:5px; top:2px; overflow:hidden; display:none;}
.group-pa span{ float:left; width:15px; height:15px; margin-left:5px; cursor:pointer;}
.group-pa1{ background:url(../images/icon-one.png) no-repeat;}
.group-pa1:hover{ background:url(../images/icon-one.png) no-repeat -16px 0;}
.group-pa2{ background:url(../images/icon-two.png) no-repeat;}
.group-pa2:hover{ background:url(../images/icon-two.png) no-repeat -16px 0;}
.group-pa3{ background:url(../images/icon-three.png) no-repeat;}
.group-pa3:hover{ background:url(../images/icon-three.png) no-repeat -15px 0;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
